<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页-品优购商城-正品低价、品质保障、配送及时、轻松购物！</title>
    <!-- 引入我们的favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入我们初始化样式文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入登录样式文件 -->
    <link rel="stylesheet" href="./css/log-in.css">
</head>

<body>
    <!-- 头部 导航栏模块  -->
    <header>
        <div class="w">
            <img src="./images/logo.png" alt="">
        </div>
    </header>
    <!-- 主体盒子 模块  -->
    <div class="main_box">
        <div class="w">
            <div class="bg_img"><img src="./images/微信图片_20220307014001.jpg" alt=""></div>
            <div class="main_hd">
                <div class="box">
                    <div class="box_hd">
                        <ul>
                            <li><img src="" alt=""><a href="#">扫描登陆</a></li>
                            <li class="dl"><a href="#">账号登陆</a></li>
                        </ul>
                    </div>
                    <div class="box_bd">
                        <ul>
                            <li>
                                <img src="./images/Snipaste_1.png" alt="">
                                <label for="text"></label><input type="text" value="用户名/手机号/邮箱">
                            </li>
                            <li>
                                <img src="./images/Snipaste_2.png" alt="">
                                <label for="password"></label><input type="password" value="密码">
                            </li>
                        </ul>
                    </div>
                    <div class="box_mm">
                        <div class="fl">
                            <input type="checkbox" checked>自动登陆
                        </div>
                        <div class="fr">
                            忘记密码？
                        </div>
                    </div>
                    <div class="box_hz">
                        <button>
                            登&nbsp;&nbsp;&nbsp;&nbsp;陆
                        </button>
                    </div>
                    <div class="box_fotter">
                        <ul>
                            <li><img src="./images/qq.png" /></li>
                            <li><img src="./images/sina.png" /></li>
                            <li><img src="./images/ali.png" /></li>
                            <li><img src="./images/weixin.png" /></li>
                        </ul>
                        <div class="zc"><a href="./register.html">立即注册</a></div>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <!-- footer 尾部模块 -->
    <div class="mod_copyright">
        <div class="link">
            <a href="#">联系我们</a>
            |
            <a href="#">联系客服</a>
            |
            <a href="#">商家入驻</a>
            |
            <a href="#">营销中心</a>
            |
            <a href="#">手机品优购</a>
            |
            <a href="#">友情链接 </a>
            |
            <a href="#">销售联盟 </a>
            |
            <a href="#">品优购社区</a>
            |
            <a href="#">品优购公益</a>
            |
            <a href="#">English Site</a>
            |
            <a href="#"> Contact U</a>
        </div>
        <div class="copyrght">
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
            <p>京ICP备08001421号京公网安备110108007702</p>

        </div>
    </div>
</body>

</html>